<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>办公系统</title>
    <link rel="stylesheet" href="./plug/layui/css/layui.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">


</head>

<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div id="hd" class="layui-header">
        <div class="hd-wrap top-light"></div>
        <div class="layui-logo my-logo">
            <span style="text-align: right"> 办公系统</span>
        </div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item " >
                <a href="javascript:;">
                    <i class="layui-icon layui-icon-user"></i>
                    <span class="font-fff" id="user_count">贤心</span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href=""> <i class="layui-icon layui-icon-logout"></i><span class="font-fff" id="user_exit">退出</span></a></li>
        </ul>
    </div>

    <div  class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域-->
            <h2 class="sidebar-header">
                <p class=" my-nav01">功能导航</p>
            </h2>
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">

<!--                <li class="layui-nav-item layui-nav-itemed sidebar-header my-nav01" >-->
<!--                    <a href="javascript:;"></a>-->
<!--                </li>-->
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;"><i class="layui-icon layui-icon-home"> 首页</i></a>

                </li>
                <li class="layui-nav-item" >
                    <a href="javascript:;"> <i class="layui-icon layui-icon-template"> 档案管理</i></a>
                    <dl class="layui-nav-child">
                        <dd id="idx-to-private-folder"> <a href="javascript:(0);"><i class="layui-icon layui-icon-triangle-r">个人档案</i></a></dd>
                        <dd id="idx-to-public-folder"> <a href="javascript:(0);"><i class="layui-icon layui-icon-triangle-r">公共档案</i></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"> <i class="layui-icon layui-icon-set-fill">系统管理</i></a>
                    <dl class="layui-nav-child">
                        <dd> <a href="javascript:;"><i class="layui-icon layui-icon-triangle-r">用户管理</i></a></dd>
                        <dd> <a href="javascript:;"><i class="layui-icon layui-icon-triangle-r">部门管理</i></a></dd>
                        <dd> <a href="javascript:;"><i class="layui-icon layui-icon-triangle-r">角色管理</i></a></dd>
                        <dd> <a href="javascript:;"><i class="layui-icon layui-icon-triangle-r">系统日志</i></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding-left: 15px; height:770px;" id="ps-right-content" >
            <iframe id="idx-iframe" name ="idx-iframe" src="./iframe/home.html"  width="100%" height="100%" frameborder="0" name="right" style="min-width: 800px"></iframe>
        </div>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        底部固定区域
    </div>
</div>
<script src="./plug/layui/layui.all.js"></script>
<script src="./js/jquery-3.1.0.min.js"></script>
<script src="./js/index.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;

    });
</script>
</body>
</html>